<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <!-- 1.重置样式 -->
    <link rel="stylesheet" href="../css/normalize.css">

    <!-- 2.公共样式 -->
    <link rel="stylesheet" href="../css/common.css">

    <!-- 3.当前样式 -->
    <link rel="stylesheet" href="../css/register.css">
</head>

<body>
    <!-- 头部通栏 -->
    <div class="head container-fluid clearfix">
        <div class="container clearfix">
            <!-- logon -->
            <h1 class="fl">
                <a href="#"><img src="../imgs/logo-white.png" alt=""></a>
            </h1>
            <p class="fr">已有源码账号，&nbsp;<a href="login.html">立即登录</a></p>
        </div>
    </div>

    <!-- 内容 -->
    <div class="main container">
        <div>
            <h2>欢迎注册</h2>
            <p>百款接口免费适用</p>
            <div><i></i><span>注册即送300元大礼包</span></div>
        </div>
        <div>
            <p>
                <input type="text" placeholder="用户名（6-20位字母数字）" class="userInput">
                <img src="../imgs/clearInput.png" alt="">
                <span class="errImg"><i></i>昵称需在6-12位字母数字间</span>
            </p>
            <p>
                <input type="text" placeholder="请输入手机号码" class="userInput">
                <img src="../imgs/clearInput.png" alt="">
                <span class="errImg"><i></i>请输入正确的手机号</span>
            </p>
            <p class="clearfix">
                <input type="text" placeholder="请输入手机短信验证码" class="fl userInput" >
                <img src="../imgs/clearInput.png" alt="">
                <span class="fl">获取验证码</span>
                <span class="errImg"><i></i>请输入4位手机验证码</span>
            </p>

            <p>
                <input type="password" placeholder="请输入6至12位的密码" class="userInput">
                <img src="../imgs/clearInput.png" alt="">
                <span class="errImg"><i></i>请输入6-12位密码</span>
            </p>
        </div>
        <p>
            <input type="checkbox" class="agreeBtn">我已阅读并接受
            <a href="#">《源码用户服务协议》</a>
            <a href="#">《源码隐私政策》</a>
        </p>
        <button disabled class="registerBtn">立即注册</button>

    </div>

    <!-- 引入文档加载封装函数 -->
    <script src="../lib/dom.js"></script>
    <!-- 引入当前js代码 -->
    <script src="../js/register.js"></script>
</body>

</html>